// 二次封装axios
import { useUserStore } from '@/stores'
import router from '@/router'
import axios, { type Method } from 'axios'
import { showToast } from 'vant'
// import { User } from '@/types/user.dt'
// 1.axios的配置
// 1.1创建一个新的axios实例，配置基地址，配置响应超时时间
// 1.2添加请求拦截器，在请求头携带token
// 1.3添加相应拦截器，401错误拦截去登录页面，判断业务是否成功，玻璃无效的数据
const baseURL = 'https://consult-api.itheima.net/'
const instance = axios.create({
  baseURL,
  timeout: 10000
})

// 2. 请求拦截器，携带token
instance.interceptors.request.use(
  (config) => {
    const store = useUserStore()
    if (store.user?.token && config.headers) {
      config.headers.Authorization = `Bearer ${store.user?.token}`
    }
    return config
  },
  (err) => Promise.reject(err)
)

// 响应拦截器
instance.interceptors.response.use(
  (res) => {
    // 后台约定，响应成功，但是code不是10000，是业务逻辑失败
    if (res.data?.code !== 10000) {
      showToast(res.data?.message || '网络异常')
      return Promise.reject(res.data)
    }
    return res.data
  },
  (err) => {
    if (err.response.status === 401) {
      // 删除用户信息
      const store = useUserStore()
      store.delUser()
      router.push({
        path: '/login',
        query: { returnUrl: router.currentRoute.value.fullPath }
      })
    }
    return Promise.reject(err)
  }
)
// 2.请求工具函数
// 2.1 参数：url method submitData
// 2.2 返回：instance调用接口的promise对象
// 调用不同的接口，返回的数据类型不一样，
// 所以方法需要一个泛型，请求什么数据，传这个数据对应的类型
// 传的类型通过data包装，就和后台的数据类型一样
// 第二个参数高速axios，响应类型是什么
type Data<T> = {
  code: string
  message: string
  data: T
}
// 泛型第二个参数，可以自定义响应数据类型
const request = <T>(
  url: string,
  method: Method = 'get',
  submitData: object
) => {
  return instance.request<T, Data<T>>({
    url,
    method,
    // 区分get和其它请求post
    // get 提交数据，选项：params
    // 其它请求post 提交数据，选项：data
    [method.toLowerCase() === 'get' ? 'params' : 'data']: submitData
  })
}

// request('/user', 'get').then((res) => {
//   res.
// })
export { baseURL, instance, request }
